

:root {


    /*
        rgb(0,0,0)   纯黑
        rgb(255,255,255)   纯白
    */
    --color-0: rgb(0, 0, 0);
    --color-5: rgb(5, 5, 5);
    --color-10: rgb(10, 10, 10);
    --color-15: rgb(15, 15, 15);
    --color-20: rgb(20, 20, 20);
    --color-25: rgb(25, 25, 25);
    --color-30: rgb(30, 30, 30);
    --color-35: rgb(35, 35, 35);
    --color-40: rgb(40, 40, 40);
    --color-45: rgb(45, 45, 45);
    --color-50: rgb(50, 50, 50);
    --color-55: rgb(55, 55, 55);
    --color-60: rgb(60, 60, 60);
    --color-65: rgb(65, 65, 65);
    --color-70: rgb(70, 70, 70);
    --color-75: rgb(75, 75, 75);
    --color-80: rgb(80, 80, 80);
    --color-85: rgb(85, 85, 85);
    --color-90: rgb(90, 90, 90);
    --color-95: rgb(95, 95, 95);
    --color-100: rgb(100, 100, 100);
    --color-105: rgb(105, 105, 105);
    --color-110: rgb(110, 110, 110);
    --color-115: rgb(115, 115, 115);
    --color-120: rgb(120, 120, 120);
    --color-125: rgb(125, 125, 125);
    --color-130: rgb(130, 130, 130);
    --color-135: rgb(135, 135, 135);
    --color-140: rgb(140, 140, 140);
    --color-145: rgb(145, 145, 145);
    --color-150: rgb(150, 150, 150);
    --color-155: rgb(155, 155, 155);
    --color-160: rgb(160, 160, 160);
    --color-165: rgb(165, 165, 165);
    --color-170: rgb(170, 170, 170);
    --color-175: rgb(175, 175, 175);
    --color-180: rgb(180, 180, 180);
    --color-185: rgb(185, 185, 185);
    --color-190: rgb(190, 190, 190);
    --color-195: rgb(195, 195, 195);
    --color-200: rgb(200, 200, 200);
    --color-205: rgb(205, 205, 205);
    --color-210: rgb(210, 210, 210);
    --color-215: rgb(215, 215, 215);
    --color-220: rgb(220, 220, 220);
    --color-225: rgb(225, 225, 225);
    --color-230: rgb(230, 230, 230);
    --color-235: rgb(235, 235, 235);
    --color-240: rgb(240, 240, 240);
    --color-245: rgb(245, 245, 245);
    --color-250: rgb(250, 250, 250);
    --color-255: rgb(255, 255, 255);



}

* {
    color: var(--color-220);
    margin: 0;
    padding: 0;
    list-style: none;
    box-sizing: border-box;
    -webkit-appearance: none;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}


body {
    background-color: var(--color-30);
    max-width: 850px;
    margin: 0 auto;
    /*border: 1px solid red;*/
}

textarea {
    background: var(--color-30);
    color: var(--color-220);
    padding: 12px;
    font-size: 18px;
}

button {
    background-color: var(--color-30);
}

.btn:hover{
    background-color: var(--color-60);
}
.btn{
    font-size: 22px;
    border: none;
    padding: 5px 10px;
    border-radius: 5px;
    cursor: pointer;
    color: var(--color-220);
    border: 1px solid #999;
}

p, span, td, th, div, a {
    overflow-wrap: break-word;
    word-wrap: break-word;
    word-break: break-word; /* 更温和，优于 break-all */
}

p {
    white-space: pre-wrap; /* 确保换行 */
}

code {
    font-family: Consolas, "Courier New", monospace;
}

.hidden {
    display: none;
}



/*!*    点击图片 全屏放大显示图片     *!*/
/*!* 默认隐藏全屏容器 *!*/
/*.fullscreen-hidden {*/
/*    display: none;*/
/*}*/

/*.fullscreen-visible {*/
/*    display: flex;*/
/*    justify-content: center;*/
/*    align-items: flex-start; !* 让图片从顶部开始显示 *!*/
/*    position: fixed;*/
/*    top: 0;*/
/*    left: 0;*/
/*    width: 100vw;*/
/*    height: 100vh; !* 确保覆盖整个视口 *!*/
/*    background: rgba(0, 0, 0, 0.8);*/
/*    z-index: 9999;*/
/*    overflow: auto; !* 允许滚动 *!*/
/*}*/

/*#fullscreenImg {*/
/*    width: 80%; !* 保持原图宽度 *!*/
/*    max-width: 90vw; !* 限制最大宽度 *!*/
/*    max-height: none; !* 允许图片超出高度 *!*/
/*}*/

/*!* 关闭按钮 *!*/
/*.close-btn {*/
/*    position: absolute;*/
/*    top: 20px;*/
/*    right: 20px;*/
/*    font-size: 30px;*/
/*    color: white;*/
/*    cursor: pointer;*/
/*    background: rgba(0, 0, 0, 0.5);*/
/*    padding: 5px 10px;*/
/*    border-radius: 50%;*/
/*    border: 4px solid white;*/
/*}*/

